<template>
  <view class="editStaff">
    <view class="item">
      <view class="title">联系电话</view>
       <input
        v-model.trim="info.phone"
        placeholder="请输入联系电话"
        type="tel"
        maxlength="11"
        class="flex input-class common-bg-white"
        placeholder-class="placeholder-class"
      />
    </view>
    <view class="item">
      <view class="title">密码(6位数字)</view>
      <input
        v-model.trim="info.pwd"
        type="numeric"
        maxlength="6"
        placeholder="请输入密码(6为数字)"
        class="flex input-class common-bg-white"
        placeholder-class="placeholder-class"
      />
    </view>

    <view class="footer between-item-center-row">
      <custom-ButtonGroup
        v-if="info.id"
        type="plain"
        submitText="删除"
        width="260rpx"
        height="76rpx"
        margin="0"
        @handleTap="handleBtnTap"
        :color="PRIMARY_TEXT_COLOR"
      />
      <custom-ButtonGroup
        v-else
        type="plain"
        submitText="取消"
        width="260rpx"
        height="76rpx"
        margin="0"
        @handleTap="handleBtnTap"
        :color="PRIMARY_TEXT_COLOR"
      />
      <view
        :class="['btn', !canSave ? 'next-active' : 'next']"
        @click="handleSave"
      >
        保存
      </view>
    </view>

    <custom-CommonPickerPop 
      ref="commonPickerPop"
      @onConfirm="onConfirm"
    />
    <custom-NoticeModal 
      ref="noticeModal"
      :heightPercent="0.31"
      :showHeader="true"
      :hideTitle="true"
      content="确定要删除吗"
      @onConfirm="handleDelete"
    />
  </view>
</template>
<script src="./indexMod.js" />
<style src="./indexStyle.scss" lang="scss" scoped>
</style>